<script setup lang="ts">
  import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'

  onLaunch(() => {
    console.log('App Launch')
  })
  onShow(() => {
    console.log('App Show')
  })
  onHide(() => {
    console.log('App Hide')
  })
</script>

<style lang="scss">
  page {
    height: 100%;
    // 默认背景颜色
    background: #f2f3f7;
  }
  /* stylelint-disable selector-type-no-unknown */
  button::after {
    border: none;
  }

  swiper,
  scroll-view {
    flex: 1;
    height: 100%;
    overflow: hidden;
  }

  image {
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }

  // 单行省略，优先使用 unocss: text-ellipsis
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  // 两行省略
  .ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  // 三行省略
  .ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
  }
  view {
    box-sizing: border-box;
  }
</style>
